<template>
  <div class="set-operate">
    <el-tabs v-model="activeName" class="site-tab">
      <el-tab-pane label="资讯" name="1">
        <info-tab/>
      </el-tab-pane>
      <el-tab-pane label="小组" name="2">
        <team-tab/>
      </el-tab-pane>
      <el-tab-pane label="邀请注册设置" name="3">
        <register-tab/>
      </el-tab-pane>
      <el-tab-pane label="优惠码设置" name="4">
        <code-tab/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import InfoTab from './components/setoperate/operateinfo' // 资讯
import TeamTab from './components/setoperate/team'// 小组
import RegisterTab from './components/setoperate/invitateregister'// 邀请注册
import CodeTab from './components/setoperate/setcode'// 优惠码
export default {
  components: {
    InfoTab,
    TeamTab,
    RegisterTab,
    CodeTab
  },
  data() {
    return {
      activeName: '1'
    }
  }
}
</script>

<style lang="scss">
.set-operate {
  .site-tab {
    padding: 0 20px;
  }
}
</style>
